@import '~@/assets/css/mixin';

.auth {
  position: relative;
  width: 100vw;
  height: 100vh;
  background: #f0f2f5;

  .auth-main {
    @include position('center');
    top: 20%;
    max-width: 350px;

    .auth-header {
      text-align: center;

      .auth-logo {
        width: 60px;
        height: 100%;
        margin-right: 20px;
      }

      .auth-title {
        display: inline-block;
        color: rgba(0, 0, 0, .85);
        font-weight: 500;
        font-size: 24px;
        font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
        vertical-align: -6px;
      }
    }

    .auth-body {
      margin-top: 30px;
    }

  }
}